<template>
	<view   class="view-down" v-if="show" >
		<view v-for="(item,index) in array">
			<view class="element" @click="getSelect(index)">{{array[index]}}</view>
		</view>
		
	</view>
	
</template>

<script>
	import { cityData3 } from '@/config/citydata.js';
	export default{
		data() {
			return {				
				isdown:true
			};
		},
	
		props:{
			show:{
				type:Boolean,
				default:false
			},
			array:{
				type:Array,
				default:function(){
					return {}
				}
			}
			

			
		},
		onLoad(){
			
			
		},
		mounted(){
			
		},
		methods:{
			getSelect(e){
				this.$emit("greet",this.array[e]);
			},
		}
	}
</script>

<style>
	.view-down{
		position: absolute;
		z-index: 9;
		top: 90upx;
		left: 380upx;
		text-align: center;
		width: 50%;
		background-color: #ffffff;
	}	
	.element{
		position: relative;
		font-size: 35upx;
		border-width:1px;
        border-style:solid;
		border-color: #999999;
	
	}
	
</style>
